import React from 'react'
import { withRouter, NavLink } from 'react-router-dom'
import { HomeOutlined, ShoppingCartOutlined, UserOutlined } from '@ant-design/icons'
import './index.less'

function Tabs() {
    return (
        <footer>
            <NavLink exact to="/"><HomeOutlined></HomeOutlined><span>首页</span></NavLink>
            <NavLink to="/mine"><ShoppingCartOutlined></ShoppingCartOutlined><span>购物车</span></NavLink>
            <NavLink to="/profile"><UserOutlined></UserOutlined><span>个人中心</span></NavLink>
        </footer>
    )
}

export default withRouter(Tabs)